/**
 * Stylesheet dedicated to the skinning of the data grids contained in the gallery category. 
 * Skinning defines the look and feel properties like colors, border colors, background images. 
 * This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* Comments & photos grid's content */
.commentsGrid>.ui-datagrid-content,
.photosGrid>.ui-datagrid-content {
	background: #ffffff; 
	background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff) );
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
}

/* The header part inside the comments grid's content */
.commentsGridContent>.commentsGridContentHeader {
	font-weight: normal;
}

/* The text part inside the comments grid's content */
.commentsGridContent>.commentsGridContentText {
	font-variant: normal;
	font-weight: normal;
}